<template>
	<view style="width: 100%; height: 100%; display: flex; flex-direction: column;">
	    <view style="flex: 1; display: flex; justify-content: center; align-items: center;">
	        <view>
	            <view style="display: flex;justify-content: center;"><van-icon name="bell" size="50px"/></view>
	            <view style="margin-top: 30px;">从今天起，做一个阅读的人</view>
	        </view>
	    </view>
	    <view style="flex: 1;box-sizing: border-box;padding: 20px;">
			<view style=" border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;; padding: 10px;">
				<view style="display: flex; justify-content: space-between;">
					<view style="font-weight: 600;">每日提醒</view>
					<view><van-switch :checked="xz" @change="xz=!xz" /></view>
				</view>
			</view>
			<view style=" border-bottom: 1px solid #f1f1f1; padding: 10px;">
				<view style="display: flex; justify-content: space-between;">
					<view style="font-weight: 600;">提醒时间</view>
					<view style="display: flex;"><div style="color: #a7a7a7;">22:00</div><van-icon name="arrow" style="box-sizing: border-box;padding-left: 10px;"/></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				xz:false
			};
		}
	}
</script>

<style lang="less">
body{
	width: 100%;
	height: 100%;
}
</style>
